export interface Fields {
  span?: number;
  name: string;
  label: string;
  type:
    | "input"
    | "text"
    | "textarea"
    | "password"
    | "number"
    | "select"
    | "radio"
    | "year"
    | "month"
    | "date"
    | "dates"
    | "datetime"
    | "week"
    | "datetimerange"
    | "daterange"
    | "monthrange";
  options?: { label: string; value: string }[];
  validationRules?: any[];
}
export interface Cus extends Partial<Fields> {
  modelValue?: any;
}

// export const fields = [
//   {
//     name: "name",
//     label: "Name",
//     type: "input",
//     validationRules: [{ required: true, message: "Please enter a name", trigger: "blur" }]
//   },
//   {
//     name: "gender",
//     label: "Gender",
//     type: "select",
//     options: [
//       { label: "Male", value: "male" },
//       { label: "Female", value: "female" }
//     ],
//     validationRules: [{ required: true, message: "Please select a gender", trigger: "change" }]
//   },
//   {
//     name: "birthdate",
//     label: "Birthdate",
//     type: "datepicker",
//     dateType: "date",
//     validationRules: [{ required: true, message: "Please select a birthdate", trigger: "change" }]
//   }
// ];
